Skip to content

属性用来改写目标的具体样式。 通过键值对的方式,表示属性名和属性值。


标签定义 - 根据目标分类: #文字类 只用于改变文字的样式。

文字

text-decoration

声明文本修饰样式

underline 下划线

盒子

盒模型长宽范围(怪异盒模型)

box-sizing: content-box|border-box|inherit;

盒模型长宽范围:默认内容+内边距 | 标准盒模型内容 | 怪异盒模型内容+内边距+边框

弹性容器

display:flex | inline-flex

设置盒子类型:弹性盒子

flex-flow: flex-direction flex-wrap

弹性盒排序与换行:排序属性值 换行方式属性值

flex-direction:row|row-reverse|column|column-reverse

弹性项排列顺序:默认横向排列 | 横向倒序排列| 竖向排列| 竖向倒序排列

flex-wrap:nowrap|warp|wrap-reverse

弹性项换行方式:默认不换行| 换行 | 换行且倒序?

justify-content:flex-start|flex-end|center|space-between|space-around

主轴对齐方式:默认聚集于开始端 | 聚集于结尾端 | 聚集于容器中间 | 平均分布在主轴 | 平分外边距后,平均分布在主轴

align-items:stretch|flex-start|flex-end|center|baseline

侧轴对齐方式:默认拉伸至弹性盒高度 | 默认聚集于开始端 | 聚集于结尾端 | 聚集于容器中间 | 元素共享相同基线

align-content:stretch|flex-start|flex-end|center|space-between|space-around|align-content